<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/car_introduce.css">
    <script src="js/jquery.1.7.2.min.js"></script>
    <script src="js/load.js"></script>
    <script src="js/swiper.min.js"></script>
    <title></title>
</head>
<body>
<div class="bg_wrap bg_main">
    <ul class="car_list clearfix">
        <li class="car_list_sub">
            <div class="car_list_wrap car_list_wrap1"></div>
            <div class="car_list_content"></div>
        </li>
        <li class="car_list_sub">
            <div class="car_list_wrap car_list_wrap2"></div>
            <div class="car_list_content"></div>
        </li>
        <li class="car_list_sub">
            <div class="car_list_wrap car_list_wrap3"></div>
            <div class="car_list_content"></div>
        </li>
    </ul>
    <div class="operation_wrap pos_a">
        <a href="javascript:;" class="button_game dis_b"></a>
        <a href="javascript:;" class="button_wrap pos_a button_newActiviy button_newActiviy_smaller button_newActiviy_smaller_pos">
            <span class="button_word"></span>
        </a>
        <div class="operation_wrap2 clearfix">
            <a href="javascript:;" class="button_wrap pos_r button_Ranking button_Ranking_pos left">
                <span class="pos_a ranking_flag"></span>
                <span class="button_word"></span>
            </a>
            <a href="javascript:;" class="button_wrap button_rule button_rule_pos right">
                <span class="button_word"></span>
            </a>
        </div>
    </div>
</div>

<div class="popup_wrap popup_carIntroduce">
    <div class="shadow"></div>
    <div class="popup_main">
        <div class="carIntroduce_content pos_a">
            <a href="javascript:;" class="carIntroduce_close pos_a"></a>
        </div>
    </div>
</div>

<div class="popup_wrap popup_gameOver">
    <div class="shadow"></div>
    <div class="popup_main">
        <div class="gameOverMain infomMain pos_a left50">
            <div class="gameover_flag pos_a"></div>
            <p class="gameOver_p1">哎哟不错哦，还差一点点~~~</p>
            <p class="gameOver_p2">本次您行驶了 <span class="yellow">490</span> 米</p>
            <p class="gameOver_p3">再加点油就可以到达520咯！</p>
        </div>
        <div class="gameOverOperation pos_a left50">
            <div class="clearfix">
                <a href="javascript:;" class="button_wrap pos_r button_Ranking button_Ranking_pos left">
                    <span class="pos_a ranking_flag"></span>
                    <span class="button_word"></span>
                </a>
                <a href="javascript:;" class="button_wrap button_restart button_restart_pos right">
                    <span class="button_word"></span>
                </a>
            </div>
            <a href="javascript:;" class="button_wrap button_backIndex button_backIndex_pos dis_b">
                <span class="button_word"></span>
            </a>
        </div>
    </div>
</div>

<div class="popup_wrap popup_infomSubmit">
    <div class="shadow"></div>
    <div class="popup_main">
        <div class="infomSubmitMain infomMain pos_a left50">
            <div class="gameover_flag pos_a"></div>
            <p class="infomSubmit_p1">填写您的信息</p>
            <div class="input_wrap clearfix">
                <span class="infomSubmit_s1 left">姓名</span>
                <input type="text" class="infomSubmit_input right"/>
            </div>
            <div class="input_wrap input_wrap2 clearfix">
                <span class="infomSubmit_s1 left">手机</span>
                <input type="text" class="infomSubmit_input right"/>
            </div>
            <div class="input_wrap input_wrap3 clearfix">
                <p class="infomSubmit_p2 right">填写正确的信息，以便能够准确发放礼物</p>
            </div>
        </div>
        <a href="javascript:;" class="button_wrap button_submit button_submit_pos pos_a left50">
            <span class="button_word"></span>
        </a>
    </div>
</div>

<div class="popup_wrap popup_share">
    <div class="shadow"></div>
    <div class="popup_main">
        <div class="share_img"></div>
        <a href="javascript:;" class="rule_close dis_b"></a>
    </div>
</div>

<div class="popup_wrap popup_rule" style="display:block">
    <div class="shadow"></div>
    <div class="popup_main">
        <div class="rulerMain infomMain pos_a left50">
            <div class="gameover_flag pos_a"></div>
            <div class="icon_left icon_dur"></div>
            <div class="icon_right icon_dur"></div>
            <a href="javascript:;" class="swiper-button-prev prev PN_pos"></a>
            <a href="javascript:;" class="swiper-button-next next PN_pos"></a>
            <div class="rule_content_wrap swiper-container">
                <ul class="rule_content swiper-wrapper clearfix">
                    <li class="swiper-slide rule_sub">
                        <h5 class="rule_title"></h5>
                        <p class="rule_pStyle1 rule_pos1">游戏玩法</p>
                        <p class="rule_pStyle2 rule_pos2">1、游戏开始，按住车型下方按钮进行加速充能，右方能量条显示充能进度，充能时间越久，车辆驶出距离越远。终点设置在520米处，距离终点越近，得分越高，反之得分越低。若超出520米，则此次成绩作废。</p>
                        <p class="rule_pStyle2">2、用户每天有<span class="yellow">3次</span>参与游戏的机会，每分享1次可再获得3次参与游戏的机会；每天最多拥有<span class="yellow">9</span>次游戏机会。</p>
                        <p class="rule_pStyle1 rule_pos3">游戏规则（必看）</p>
                        <p class="rule_pStyle2 rule_pos4">1.活动截止日期为<span class="yellow">2017年5月20日上午10:00</span>，之后游戏的玩家将不计入排名系统。</p>
                    </li>
                    <li class="swiper-slide rule_sub rule_sub2">
                        <h5 class="rule_title"></h5>
                        <p class="rule_pStyle2 rule_pos5">2.进入游戏后所填写的手机号码为本次游戏礼品发放对应号码，若手机号码错误，则视为放弃本次游戏礼品，请谨慎填写。</p>
                        <p class="rule_pStyle2">3.活动结束后粉丝可通过游戏链接重新进入游戏，在“排行榜”内查看自己的最终排名，前300名获奖者即可获得奖品。</p>
                        <p class="rule_pStyle2">4.同一个粉丝只能获得1次奖品（同一个ID、手机号码视为同一个粉丝）。</p>
                        <p class="rule_pStyle2">5.本活动如采取非常规手段，一经发现，将直接取消参赛资格，不予通知。</p>
                        <p class="rule_pStyle2">6.本次活动最终解释权归北京汽车官方旗舰店所有。</p>
                    </li>
                    <li class="swiper-slide rule_sub rule_sub3">
                        <h5 class="rule_title"></h5>
                        <p class="rule_pStyle1 rule_pos6">游戏礼品</p>
                        <p class="rule_pStyle2 rule_pos7">1-30名：可获得100元话费；</p>
                        <p class="rule_pStyle2 rule_pos7">31名-100名：可获得50元话费；</p>
                        <p class="rule_pStyle2 rule_pos7">101名-300名：可获得100M流量。</p>
                    </li>
                </ul>
            </div>
            <span class="paging pos_a"><span class="paging_num">1</span>/3</span>
        </div>
        <a href="javascript:;" class="button_wrap button_iKnow button_iKnow_pos pos_a left50">
            <span class="button_word"></span>
        </a>
    </div>
</div>

<div class="popup_wrap popup_ranking" style="display:block">
    <div class="shadow"></div>
    <div class="popup_main">
        <div class="rankingMain infomMain pos_a left50">
            <div class="gameover_flag pos_a"></div>
            <div class="icon_left icon_left1 icon_dur"></div>
            <div class="icon_right icon_right2 icon_dur"></div>
            <a href="javascript:;" class="swiper-button-prev2 prev PN_pos"></a>
            <a href="javascript:;" class="swiper-button-next2 next PN_pos"></a>
            <div class="ranking_wrap swiper-container2">
                <ul class="ranking_content swiper-wrapper clearfix">
                    <li class="swiper-slide ranking_sub">
                        <dt class="list_top ranking_list">
                            <span class="s1">排名</span>
                            <span class="s2">昵称</span>
                            <span class="s3">行驶距离</span>
                        </dt>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">1</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">2</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">3</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">4</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">5</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">6</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                    </li>
                    <li class="swiper-slide ranking_sub">
                        <dt class="list_top ranking_list">
                            <span class="s1">排名</span>
                            <span class="s2">昵称</span>
                            <span class="s3">行驶距离</span>
                        </dt>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">1</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">2</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">3</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">4</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">5</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">6</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                    </li>
                    <li class="swiper-slide ranking_sub">
                        <dt class="list_top ranking_list">
                            <span class="s1">排名</span>
                            <span class="s2">昵称</span>
                            <span class="s3">行驶距离</span>
                        </dt>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">1</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">2</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">3</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">4</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">5</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">6</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                    </li>
                    <li class="swiper-slide ranking_sub">
                        <dt class="list_top ranking_list">
                            <span class="s1">排名</span>
                            <span class="s2">昵称</span>
                            <span class="s3">行驶距离</span>
                        </dt>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">1</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">2</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">3</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">4</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">5</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                        <dl class="list_sub ranking_list">
                            <span class="s1 clearfix">
                                <span class="number left">6</span>
                                <img src="" alt="" class="img left"/>
                            </span>
                            <span class="s2">汪小峰</span>
                            <span class="s3">520.00</span>
                        </dl>
                    </li>
                </ul>
            </div>
            <span class="paging pos_a"><span class="paging_num paging_num2">1</span>/<span class="pagin_total"></span></span>
        </div>
        <div class="ranking_operation pos_a left50">
            <p class="ranking_score">我的最好成绩为 <span class="yellow">488.56</span> 米     排行 <span class="yellow">第3名</span></p>
            <div class="clearfix ranking_operation_wrap">
                <a href="javascript:;" class="button_wrap pos_r button_newActiviy button_newActivity_pos left">
                    <span class="button_word"></span>
                </a>
                <a href="javascript:;" class="button_wrap button_share button_share_pos right">
                    <span class="button_word"></span>
                </a>
            </div>
            <a href="javascript:;" class="button_wrap button_backIndex button_backIndex_pos3 dis_b">
                <span class="button_word"></span>
            </a>
        </div>
    </div>
</div>
</body>

<script src="js/public.js"></script>
<script src="js/style.js"></script>
<script src="js/effect.js"></script>

</html>
